<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="/template.xhtml">
    <ui:define name="body">
        <!-- PANEL registro de candidato -->
        <br/>
        <br/>        
        <br/>
        <center>
            <p:panel id="IDPanelSesionUsuario" header="Datos de Cuenta Candidato" style="width: 475pt" >

                <h:form id="IDFrmSesionUsuario" >

                    <p:panelGrid columns="1" style="width: 600px; ">
                        <h:outputText value="¿No tienes una cuenta aún?"/>
                        <h:panelGroup>
                            <p:button 
                                value="Registrate aquí" outcome="/vistas/registroCandidato/registroCandidato"/>
                        </h:panelGroup>
                        <h:outputText value=" Inicio de sesión para CANDIDATO "/>
                        <h:outputText value="Usuario"/>
                        <h:panelGroup>
                            <p:inputText value="#{usuarioSesionMB.nombreUsuario}" 
                                         style="width:200px;" required="true" 
                                         title="Nombre usuario obligatorio"/>
                        </h:panelGroup>
                        <h:outputText value="Contraseña" />
                        <h:panelGroup>
                            <p:password size="50" style="width:200px;"
                                        value="#{usuarioSesionMB.contrasenia}" 
                                        required="true"
                                        title="Contraseña obligatorio"/>
                       
                        </h:panelGroup>
                        <h:panelGroup>
                            <p:commandLink                                    
                                style="color : blue; font-weight : bold;">
                                <h:outputText  value="Recuperar contraseña" />							
                            </p:commandLink>	
                        </h:panelGroup>
                    </p:panelGrid>
                    <div style="height: 20px" />					
                    <p:commandButton 
                        value="Ingresar"
                        actionListener="#{usuarioSesionMB.loginUsuario()}" 
                        update="IDFrmSesionUsuario"/>
                </h:form>
            </p:panel>
        </center>
    </ui:define>
</ui:composition>